<template>
    <svg class="icon" @click="$emit('click',$event)">
      <use v-bind:xlink:href="'#'+name" />
    </svg>
</template>

<script lang="ts">
/* eslint-disable */
//引入一整个icons目录
let importAll = (requireContext:__WebpackModuleApi.RequireContext) => 
requireContext.keys().forEach(requireContext);
try {
  importAll(require.context('../assets/icons/',true,/\.svg$/));
} catch (error) {
  console.log(error);
}

export default {
    name:'Icon',
    props:['name'],
    components: {

    },

};
</script>

<style scoped lang="scss">
    .icon{
        width: 1em;
        height: 1em;
        vertical-align: -0.15em;
        fill: currentColor;
        overflow: hidden;
    }
</style>
